<style>
    /* 设置图片为圆形 */
    .circular-img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        /* 确保图片完全覆盖容器 */
        object-fit: cover;
    }
</style>

<div class="layui-fluid">
    <div class="layui-row" style="margin-bottom:10px;">
        <div class="layui-col-md12">
            <p>
                <script type="text/html" template>
                    <span>商品ID：</span>
                    <span id="ID-span-product-rankform-productId">{{ d.params.productId || '' }}</span>
                </script>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <script type="text/html" template>                    
                    <span>商品名称：</span>
                    <span id="ID-span-product-rankform-productName">{{ d.params.productName || '' }}</span>
                </script>
            </p>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md12">
            <div class="layui-card">
                <!--<div class="layui-card-header cow-bear-signal-header">螺丝钉星级</div>-->
                <div class="layui-card-body">
                    <div id="ID-div-product-promoteform-ordernum" style="width:100%;height:500px;"></div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/html" id="ID-table-product-rankform-templet-authorId">
        <a class="layui-table-link billtong-myinvoice-table-invoicenumber">{{= d.authorId }}</a>
    </script>
    <script type="text/html" id="ID-table-product-rankform-templet-ranking">
        {{# if(d.ranking==1){ }}
        <span class="layui-badge">{{= d.ranking }}</span>
        {{# }else if(d.ranking==2){ }}
        <span class="layui-badge layui-bg-orange">{{= d.ranking }}</span>
        {{# }else if(d.ranking==3){ }}
        <span class="layui-badge layui-bg-green">{{= d.ranking }}</span>
        {{# }else{ }}
        <span class="">{{= d.ranking }}</span>
        {{#  } }}
    </script>
    <script type="text/html" id="ID-table-product-rankform-templet-authorName">
        <img src="{{= d.authorHeadImg }}" class="billtong-circular-img" />&nbsp;&nbsp;
        <span>{{= d.authorName }}</span>
    </script>
</div>

<script>
    layui.use(['admin', 'form', 'upload'], function () {
        var $ = layui.$
            , form = layui.form
            , upload = layui.upload;
        
    })
</script>